.box-mine{
    height: 100%;
    .mine {
        height: 220rem;
        background-color: #252525;
    
        .mine-vip {
    
            height: 100rem;
            text-align: center;
            color: white;
            font-size: 9rem;
    
            h1 {
                padding-top: 20rem;
            }
    
        }
    
        .mine-bottom {
            height: 120rem;
            display: flex;
            justify-content: space-around;
            position: relative;
    
            img {
                height: 50rem;
                width: 50rem;
            }
    
            .left {
                color: white;
    
                img {
                    height: 60rem;
                    width: 60rem;
                    position: absolute;
                    left: 50rem;
                    top: 30rem;
                    border-radius: 50%;
                    border: 1rem solid orange;
                }
    
              
    
                .left-name {
                    margin-top: 40rem;
                    margin-right: 83rem;
    
                    p:nth-child(1) {
                        height: 22rem;
                        line-height: 22rem;
                        font-size: 13rem;
                        margin-top: rem;
                    }
    
                    p:nth-child(2) {
                        height: 22rem;
                        line-height: 22rem;
                    }
    
                    span {
                        background-color: #E6B400;
                        color: black;
                        font-size: 7rem;
                        padding: 3rem;
                        border-radius: 2rem;
    
                    }
                }
            }
    
            .right {
                width: 40rem;
                height: 40rem;
                position: absolute;
                right: 50rem;
                top: 30rem;
              
                .iconfont {
                    font-size: 50rem;
                    color: white;
                }
            }
    
        }
    }
    
    .list {
        height: 58vh;
        overflow-y: auto;
    
        .list-coupon {
            height: 110rem;
            background-color: #313131;
        }
        .list-grey{
            width: 100%;
            height: 10rem;
            background-color: #F7F7F7;
        }
        .list-vip{
            width: 90%;
            margin: 0 auto;
            height: 53rem;
            line-height: 53rem;
            font-size: 15rem;
            display: flex;
            justify-content: space-between;
    
            .right {
                color: #C4A699;
                img{
                    width: 10rem;
                    height: 10rem;
                }
                span {
                    padding: 3rem;
                    font-size: 8rem;
                }
            }
    
            .iconfont {
                font-size: 22rem;
                padding-right: 12rem;
            }
        }
        .list-data {
            width: 90%;
            margin: 0 auto;
            height: 53rem;
            line-height: 53rem;
            font-size: 15rem;
            border-top: 1rem solid #ddd;
            display: flex;
            justify-content: space-between;
    
            .right {
                color: #C4A699;
                img{
                    width: 10rem;
                    height: 10rem;
                }
                span {
                    padding: 3rem;
                    font-size: 8rem;
                }
            }
    
            .iconfont {
                font-size: 22rem;
                padding-right: 12rem;
            }
        }
    
        .list-bottom {
            height: 50rem;
            background-color: #F7F7F7;
        }
    }
}